
@keyframes moveInLeft {
    0%{
        opacity: 0; /*可见性*/
        transform: translateX(-10rem);
        /* transform: rotate(-10deg); */
    }

    80%{
        transform: translateX(2rem);
    }

    100%{
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0%{
        opacity: 0; 
        transform: translateX(10rem);
    }

    80%{
        transform: translateX(-2rem);
    }

    100%{
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes identifier {
    0% {
        opacity: 1;
        transform: scaleX(1) scaleY(1);
    }

    100% {
        opacity: 0;
        transform: scaleX(1.4) scaleY(1.6);
    }
}

@keyframes showFromDismiss {
    0% {
        opacity: 0;
        scale: 0.8;
    }
    80% {
        scale: 1.1;
    }
    100% {
        opacity: 1;
        scale: 1;
    }
}
